@charset "UTF-8";
/*背景*/
body{background-color:#000043;color:#333;width:100%; background-image:url(../images/main.jpg); background-position:top center; background-size:auto; background-repeat:no-repeat;}

/*圆角*/
.form-item input, .login-button, .reg-button{border-radius:20px;}
.login-button a, .form-item input, .form-item{color:#fff;}

/*登陆表单*/
.login-box{width:306px; margin:230px auto;}
.login-logo{ background-image:url(../images/logo.svg);width:255px; height:55px;margin:0 auto 20px auto;}
.form-item{ position:relative;margin-bottom:5px;}
.form-item i{ position:absolute;left:15px; top:7px;font-size:18px;}
.form-item input{ height:35px; background-color:#1a267c; border:none;padding-left:40px; box-sizing:border-box;}
.form-item input:focus{border:2px solid #6C9 ;transition:border-color 0.5s ease-in-out 0s; box-sizing:border-box;}
.form-item input, .login-button, .reg-button{width:306px;}
.login-button, .reg-button{text-align:center;height:19px; line-height:35px;}
.login-button{
	background: -webkit-linear-gradient(left,#0cce95, #f5db00); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,#0cce95, #f5db00); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,#0cce95, #f5db00); /* Firefox 3.6 - 15 */
	background: linear-gradient(left,#0cce95, #f5db00); /* 标准的语法 */
}
.login-button:hover{
	transition:background-color 0.5s ease-in-out 0s;
	background: -webkit-linear-gradient(left,#0cce95, #f5a100); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,#0cce95, #f5a100); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,#0cce95, #f5a100); /* Firefox 3.6 - 15 */
	background: linear-gradient(left,#0cce95, #f5a100); /* 标准的语法 */
}
.login-button a{ display:block;}
.reg-button{ background-color:#111155;margin-top:20px;}
.reg-button a{padding-left:15px; color:#f5db00;}
.reg-button a:hover{color:#0cce95;}


/*注册表单*/
.reg-box{width:720px; margin:100px auto; position:relative;}
.reg-form{ position:absolute;left:100px;width:100%; }
.reg-box .form-item{ position:relative;}
.reg-form .login-input {padding-left:15px;}
.form-item-l, .form-item-m, .form-item-r{ float:left; line-height:35px;}
.form-item-l{width:95px;}
.form-item-r{color:#0cce95;padding-left:20px;}
.reg-box .login-button{margin-left:95px;}

.login_select {color:#959bc2;background-color: #1a267c;border: medium none;box-sizing: border-box;height: 35px;padding-left: 40px;width:306px;border-radius: 20px;}
